<div ng-if="pagedata.showgoods" class="popup">
	<div class="popup-body" style="padding-top:0">
		<div class="popup-center" style="border-radius:10rpx;">
				<i class="closed icon icon-cuowu" style="top:102%" ng-click="pagedata.showgoods=false"></i>
				<div style="height:1000rpx;overflow-y:scroll">
				<!--轮播图-->
				<div id="carousel-container" class="carousel slide" data-role="carousel" data-param-auto="true">
					<div class="carousel-inner" role="listbox">
						<div ng-repeat="picurl in pagedata.goods.hdps" ng-class="{'item':1, 'active':$index==0}" >
							<a href="javascript:;" ng-click="previewImage(pagedata.goods.hdps[0],pagedata.goods.hdps);">
							<img ng-src="{{tomedia(picurl) || '../core/resource/images/nopic.jpg'}}" style="display: block; width: 100%; height: 18rem;">
							</a>
						</div>
					</div>
					<style>
							.fui-swipe-page .fui-swipe-bullet {width:0.2rem;height:0.2rem;border-radius: 0.2rem;}
							.fui-swipe-page .fui-swipe-bullet.active {opacity: 1;width:0.6rem;border-radius: 0.2rem;}
					</style>
					<div id="carousel-jinyun" class="fui-swipe-page" style="padding: 0 0.2rem; bottom: 0.2rem; ">
						<div class="fui-swipe-bullet" ng-repeat="nav in pagedata.goods.hdps" ng-class="{'active':$index==0}" data-target="#carousel-container" data-slide-to="{{$index}}"></div>
					</div>
				</div>
				<div class="fui-cell-group fui-detail-group" style="padding-bottom:8px;border-top-left-radius:0;border-top-right-radius:0">
					<div class="fui-cell">
						<div class="fui-cell-text" style="padding-top:10rpx">
							<div class="text">
								<span class="price" style="font-size:40rpx;line-height:56rpx"> ￥{{pagedata.goods.price}}</span>
							</div>
						</div>
					</div>
					<div class="fui-cell">
						<div class="fui-cell-text name bold" style="font-size:32rpx">
							 {{pagedata.goods.title}}
						</div>
					</div>
					<!--商品详情-->
					<div class="detail-block" style="margin-top:20rpx;border-radius: 20rpx;width:100%;background:#fff;padding-bottom:0">
							<div id="jycontent" class="fui-cell-text bold" style="padding:20rpx">项目详情</div>
							<div class="content-block content-images" style="padding:0 20rpx" ng-bind-html="trust(pagedata.goods.content)">
							</div>
							<div ng-if="!pagedata.goods.content"  class='content-empty' style="margin-top:40rpx">
									<i class='icon icon-pingjia1'></i>
									<div class="fui-cell-info c">项目没有详情</div>
							 </div>
					</div>
				</div>
				</div>
		</div>
	</div>
	<script>
		require(['bootstrap', 'hammer'], function($, Hammer){
			$('#carousel-container').carousel();
			var mc = new Hammer($('#carousel-container').get(0));
			mc.on("panleft", function(ev) {
				$('#carousel-container').carousel('next');
			});
			mc.on("panright", function(ev) {
				$('#carousel-container').carousel('prev');
			});
		});
	</script>
</div>